{% extends "layout.njk" %} 

{% block body %}
    <!-- 轮播图 -->
    {{super()}}
    <div class="ht-container">
      <div class="ht-index-main">
        <div class="right">
          <div class="right-row">
            <a class="card account" href="/cms/onlineCenter/account">
              <div class="ht-home-icon"></div>
              <div>
                <div class="card-heading header"><strong>网上开户</strong></div>
                <div class="card-content text text-muted">足不出户方便快捷的开户方式</div>
              </div>
            </a>
            <a class="card download" href="/cms/onlineCenter/download">
              <div class="ht-home-icon"></div>
              <div>
                <div class="card-heading header"><strong>软件下载</strong></div>
                <div class="card-content text text-muted">期货交易常用软件下载</div>
              </div>
            </a>
          </div>
          <div class="right-row">
            <a class="card announce" href="/cms/onlineCenter/announcement">
              <div class="ht-home-icon"></div>
              <div>
                <div class="card-heading header"><strong>公司公告</strong></div>
                <div class="card-content text text-muted">随时随地掌握我们的最新动态</div>
              </div>
            </a>
            <a class="card news" href="/cms/wealth/assets/news">
              <div class="ht-home-icon"></div>
              <div>
                <div class="card-heading header"><strong>资讯中心</strong></div>
                <div class="card-content text text-muted">掌握最新期货交易资讯</div>
              </div>
            </a>
          </div>
        </div>
        <div class="left">
          <img src="/public/imgs/home/service.png" alt="客服电话：0871-63614058">
        </div>
      </div>
    </div>
{% endblock %}

{% block script %}
<script>
  function setcarouselHeight() {
    let carousel = $('#carousel').eq(0);
    carousel.css('height', carousel.width()/3.84 + 'px');
  }

  setcarouselHeight();
</script>
{% endblock %}